{% extends 'jingsongshuyuan/index.html' %}
{% load static %}
{% block title %}劲松书院 - 书院社团{% endblock %}

{% block css %}
    <style>
        .main-hr {
            border: 0;
            height: 1px;
            background-color: rgb(0, 82, 46);
            margin: 0;
        }
        .club-card-group {
            padding: 0 5%;
        }
        .club-card {
            background-color: rgb(250, 252, 246);
        }
        .club-img {
            width: 70%;
        }
        .p-head {
            font-size: 19px;
            color: rgb(44, 44, 44);
        }
    </style>
{% endblock %}

{% block content %}
    <div class="row" style="padding: 0 6.5%;">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div style="height: 70px;"></div>
            <span class="p-head">
                <svg style="color: rgb(0, 82, 46);" class="bi bi-caret-up-fill" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
                </svg>
                入驻社团
            </span>
            <hr class="main-hr">

            <div style="height: 30px;"></div>

            <div class="card-group club-card-group">
                <div class="card club-card">
                    <a href="{% url 'js_envprotect' %}" class="text-dark">
                        <div class="card-body text-center">
                            <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                            <div style="height: 20px;"></div>
                            <h5 class="card-title">环境保护协会</h5>
                        </div>
                    </a>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
            </div>

            <div class="card-group club-card-group">
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
            </div>

            <div class="card-group club-card-group">
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
            </div>

            <div class="card-group club-card-group">
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
            </div>

            <div class="card-group club-card-group">
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card">
                    <div class="card-body text-center">
                        <img src="{% static 'jingsongimg/env.jpg' %}" class="card-img-top club-img" alt="...">
                        <div style="height: 20px;"></div>
                        <h5 class="card-title">环境保护协会</h5>
                    </div>
                </div>
                <div class="card club-card" style="border: 0px;">
                </div>
            </div>

            <div style="height: 30px;"></div>

            <span class="p-head">
                <svg style="color: rgb(0, 82, 46);" class="bi bi-caret-up-fill" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path d="M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
                </svg>
                小微社团
            </span>
            <hr class="main-hr">

            <div style="height: 30px;"></div>

            <div class="card club-card">
                <div class="card-body">
                    <h1 class="card-title text-center">——棋牌社</h1>
                    <hr class="main-hr">
                    <br>
                    <p style="font-size: 19px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 哈工大（威海）书院副院长，导师。主持和承担科研项目5项，其中省级项目3项、市级和校级重点项目2项。多篇文学作品在《散文》《延河》等报刊发表；有散文分别在全国和省级征文中获三等奖和一等奖；多篇散文入选各类文集。撰写过十余部电视专题片已拍摄播出。另有新闻作品分别获2004年度中国高校校报好新闻（消息类）一等奖，山东省高校校报好新闻（消息类）二等奖；山东省高校校报好新闻（图片类）二等奖。有多篇论文分别获威海市社科三等奖、会议论文一等奖、三等奖、优秀奖等。</p>
                </div>
            </div>

            <div style="height: 50px;"></div>

            <div class="card club-card">
                <div class="card-body">
                    <h1 class="card-title text-center">——棋牌社</h1>
                    <hr class="main-hr">
                    <br>
                    <p style="font-size: 19px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 哈工大（威海）书院副院长，导师。主持和承担科研项目5项，其中省级项目3项、市级和校级重点项目2项。多篇文学作品在《散文》《延河》等报刊发表；有散文分别在全国和省级征文中获三等奖和一等奖；多篇散文入选各类文集。撰写过十余部电视专题片已拍摄播出。另有新闻作品分别获2004年度中国高校校报好新闻（消息类）一等奖，山东省高校校报好新闻（消息类）二等奖；山东省高校校报好新闻（图片类）二等奖。有多篇论文分别获威海市社科三等奖、会议论文一等奖、三等奖、优秀奖等。</p>
                </div>
            </div>

            <br><br><br> <!-- 沉底 -->
        </div>
        <div class="col-md-1"></div>
    </div>
{% endblock %}